<template>
  <div style="width:100%">
    <img src="../../common/image/lxwm.jpg" style="width:100%" />
    <div class="logn">联系我们</div>
    <div class="title" v-html="htmldata"></div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      htmldata: null
    };
  },
  created() {
    this.init();
  },
  methods: {
    init() {
      var _this = this;
      const url = "http://www.shizilaoba.com/lion/contact/query"; //调用自定义的接口
      const data = Object.assign({}, {});
      axios.post(url, null).then(res => {
        _this.htmldata = res.data.data.content;
        //return Promise.resolve(res.data); //es6新语法，返回一个以给定值解析后的Promise对象
      });
    }
  }
};
</script>

<style>
.hhhh {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff;
}
.logn {
  text-align: center;
  font-size: 36px;
  margin: 10px 0  ;
}
.title {
  width: 90%;
  margin: 20px auto;
}
</style>